<template>
	<L1Component/>
</template>

<script setup>
	import { ref, provide } from "vue" 
	import L1Component from "@/components/L1Component.vue"
	
	const msg = ref('Hello,World!')
	
	function updateMsg(newMsg){
		msg.value = newMsg
	}
	
	provide('msg', {
		msg,
		updateMsg
	})
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
.box {
	border: 1px solid #ccc;
}
.l1-box {
	border-width: 6px;
}
.l2-box {
	border-width: 4px;
}
.l3-box {
	border-width: 2px;
}
</style>
